<!DOCTYPE html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="format-detection" content="telephone=no" />
  <title>墨点课堂-在线教育书画学习平台</title>
  <meta
    content="墨点字帖,硬笔书法,毛笔书法,规范字书法在线教育,书画作品,在线培训,荆霄鹏楷书,新新图书"
    name="keywords"
  />
  <meta
    content="“墨点课堂”隶属于墨点旗下在线书画学习平台，公司积累了20多年字帖出版资源，致力于为用户提供专业的书画学习及教育服务，弘扬中国传统文化！一流的师资力量，精心的课程研发，采用在线互动教学形式，实现了APP内教学、服务一体化运营。"
    name="description"
  />
  <meta
    name="viewport"
    content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0 minimal-ui"
  />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />

  <link href="../css/reset.css" rel="stylesheet" />
  <link href="../css/public.css" rel="stylesheet" />
  <link href="../css/style.css" rel="stylesheet" />
  <link href="../icon/iconfont.css" rel="stylesheet" />
  <link rel="stylesheet" href="../js/layer/need/layer.css" />
  <link rel="stylesheet" type="text/css" href="../icon/iconfont-v4.css" />
  <link rel="stylesheet" type="text/css" href="../icon/eduline-icon.css" />
  <style>
    @font-face {
      font-family: "iconfontNEW";
      src: url("https://www.modianketang.com/addons/theme/stv1/_static/icon/iconfontNEW.woff?v={$site.sys_version}");
    }
    .iconfontNEW {
      font-family: iconfontNEW;
    }
  </style>
  <link
    rel="shortcut icon"
    href="../assets/images/logo.png"
    type="image/x-icon"
  />

  <script>
    //全局变量
    var SITE_URL = "https://www.modianketang.com";
    var UPLOAD_URL = "https://www.modianketang.com/data/upload";
    var THEME_URL = "https://www.modianketang.com/addons/theme/stv1/_static";
    var APPNAME = "basic";
    var MID = parseInt("0");
    var UID = "0";
    var initNums = "140";
    var SYS_VERSION = "20180814";
    var _ROOT_ = "https://www.modianketang.com";
    // Js语言变量
    var LANG = new Array();
    //注册登录模板
    var REG_LOGIN =
      "https://www.modianketang.com/index.php?app=basic&mod=Passport&act=regLogin";
    //邮箱验证地址
    var CLICK_EMIL =
      "https://www.modianketang.com/index.php?app=basic&mod=Passport&act=clickEmail";
    //异步注册地址
    var REG_ADDRESS =
      "https://www.modianketang.com/index.php?app=basic&mod=Passport&act=ajaxReg";
    //异步登录
    var LOGIN_ADDRESS = "http://192.168.200.132:17777/api/study/accountLogin";
    //退出登录
    var LOGINOUT_ADDRESS =
      "https://www.modianketang.com/index.php?app=basic&mod=Passport&act=logout";
    //手机号正则
    var PHONE_MATCH = /^1[3|4|5|6|7|8|9][0-9]\d{8}$/;
    //邮箱正则
    var EMAIL_MATCH = /([\w\-\.]+\@[\w\-\.]+\.[\w\-\.]+)/;
  </script>
  <script src="../js/jquery-1.8.3.min.js" charset="utf-8"></script>
  <script src="../js/core.js" charset="utf-8"></script>
  <script src="../js/header_footer.js" charset="utf-8"></script>
  <script src="../js/index.js" charset="utf-8"></script>
  <script src="../js/layer/layer.js" charset="utf-8"></script>
  <script src="../js/ui.layer_w3g.js" charset="utf-8"></script>
</head>
<body>
  <!--preloader-->
  <div id="preloader">
    <div id="status">
      <p class="center-text">
        数据加载中...
        <em>加载速度取决于你的网络情况</em>
      </p>
    </div>
  </div>
  <!--header-->

  <style media="screen">
    .fl {
      float: left;
      margin: 5px 0px 0 10px;
      width: 30px;
      height: 30px;
    }
    .fr {
      display: block;
      margin-top: 5px;
    }
    .icon-weixin:before {
      content: "" !important;
    }
    .loginbox .logo-title {
      font-size: 14px;
      color: #ffffff;
      font-weight: bold;
      margin-bottom: 30px;
    }
    .login-bd input:-webkit-autofill {
      box-shadow: 0 0 0px 1000px white inset;
    }
  </style>
  <!--container-->

  <div class="loginbox">
    <a class="icon-colse" href="/"></a>
    <img src="../assets/images/header.png" class="login-logo" />
    <div class="login-hd">
      <li class="on"><a href="javascript:;">登录</a></li>
      <li>|</li>
      <li>
        <a href="./register.html">注册</a>
      </li>
    </div>
    <div class="login-bd">
      <form
        id="ajax_login_form"
        method="POST"
        id="account_input"
        name="login_email"
      >
        <div class="item">
          <span class="item-title">账号</span>
          <input
            id="account_input"
            type="text"
            name="login_email"
            placeholder="请输入用户名/手机号/邮箱"
          />
        </div>
        <div class="item">
          <span class="item-title">密码</span>
          <input
            id="pwd_input"
            name="login_password"
            type="password"
            class="inp"
            autocomplete="off"
            placeholder="请输入登录密码"
          />
        </div>
      </form>
    </div>
    <a class="login_btn" href="javascript:;">登录</a>

    <div class="third-party">
      <dl>
        <dd>
          <a
            href="https://www.modianketang.com/login_callback/qzone/Login/login_sync_other.html"
            class="icon-qzone"
          ></a>
        </dd>
        <dd>
          <a
            href="./login_callback/weixin/Login/login_sync_other.html"
            class="icon-weixin"
          ></a>
        </dd>
      </dl>
    </div>
    <a class="fr" href="https://www.modianketang.com/repwd.html">忘记密码</a>
  </div>

  <script>
    $(function () {
      $(".loginbox").height($(".loginbox")[0].clientHeight);
      $(".login_btn").click(function () {
        const account = $("#account_input").val();
        const password = $("#pwd_input").val();
        if (account == "") {
          ui.error("登录名或登录账号不能为空");
          return;
        }
        if (password == "") {
          ui.error("登录密码不能为空");
          return;
        }
        $.ajax({
          type: "POST",
          url: LOGIN_ADDRESS,
          data: JSON.stringify({
            account,
            password,
          }),
          contentType: "application/json; charset=utf-8",
          dataType: "json",
          success: function (data) {
            console.log(data);
            if (data.ret == 1) {
              ui.error(data.msg);
              return;
            } else {
              ui.success("登录成功");
              //缓存添加token
              localStorage.setItem("token", data.data.token);
              localStorage.setItem(
                "userInfo",
                JSON.stringify(data.data.Member)
              );
              setTimeout(function () {
                window.location.href = "./index.html";
              }, 1000);
            }
          },
        });
      });
      $("#preloader").hide();
    });
  </script>
</body>
